// jsx表达式可以让我在标签中嵌入表达式

import { StyleSheet, Text, View } from 'react-native';

export default function App() {
  const msg = '我是react-native';
  const getNum = () => {
    return 100;
  };
  return (
    <>
      <View>
        <Text style={styles.title}>jsx语法</Text>
      </View>
      {/* 普通文本组件 */}
      <Text>普通文本组件</Text>
      {/* 数学运算 */}
      <Text>{1 + 11}</Text>
      {/* 字符串 */}
      <Text>{'a' + 'b'}</Text>
      {/* 变量 */}
      <Text>{msg}</Text>
      {/* 三元表达式 */}
      <Text>{1 + 1 === 5 ? '对了' : '错误'}</Text>
      {/* 函数调用 */}
      <Text>{getNum()}</Text>
    </>
  );
}

const styles = StyleSheet.create({
  title: {
    fontSize: 30,
    color: 'blue',
  },
});
